import React, { Component } from 'react';
import { Input, Menu } from 'antd';
// import './index.css';
import { NavLink } from 'react-router-dom';

const { Search } = Input;
export default class header extends Component {
  render() {
    return (
      <>
        {/* 搜索框 */}
        <Search
          placeholder="input search text"
          onSearch={value => console.log(value)}
          style={{ width: 200 }}
        />
        {/* 一级导航 */}
        <Menu mode="horizontal">
          <Menu.Item key="All">
            <NavLink to='./all'>All</NavLink>
          </Menu.Item>
          <Menu.Item key="Imagess">
            <NavLink to='./img'>Imagess</NavLink>
          </Menu.Item>
          <Menu.Item key="VIdeo">
            <NavLink to='./video'>VIdeo</NavLink>
          </Menu.Item>
        </Menu>
      </>
    );
  }
}
